@import "../../../common";

.carousel {
  height: 562rpx;
}

.content-box {
  @include container;

  .focus {
    @include block;
    margin-bottom: 0;
    .title {
      @include flex-space-between;
      margin-bottom: 40rpx;

      text {
        &.title_1 {
          @include fontStyle(32, 32, #000000, 500);
        }

        &.title_2 {
          @include fontStyle(28, 28, #666666);
        }
      }
    }

    .line {
      @include flex;
      align-items: flex-start;
      margin-top: 24rpx;

      text {
        &.line_1 {
          @include fontStyle(28, 28, #666666);
          margin-right: 24rpx;
          width: 120rpx;
        }

        &.line_2 {
          @include fontStyle(28, 28, #999999);
          width: calc(100% - 120rpx);
        }
      }
    }
  }
}

.tab-box {
  @include flex-space-between;
  box-sizing: border-box;
  background-color: #f8f8f8;
  padding: 0 24rpx 24rpx 24rpx;

  .tab-item {
    padding:32rpx 0 16rpx 0;
    @include fontStyle(32, 32, #666666);
    position: relative;

    &::after {
      content: "";
      width: 100%;
      height: 4rpx;
      background-color: var(--color-theme);
      display: none;
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 2rpx;
    }

    &.active {
      color: var(--color-theme);

      &::after {
        display: block;
      }
    }
  }
}
.content {
  word-break: break-all;
  margin-top: 24rpx;
}
